<include file="Public:header" />
<script>

$(document).ready(function(e) {
    $('.showcurimg').each(function(index, element) {
        $(this).click(function(e) {
            $(this).find('img.img').show();
        });
		$(this).mouseleave(function(e) {
            $(this).find('img.img').hide();
        });
    });
	
	$('.categoryList li.control_').click(function(e) {
        if($(this).parent().hasClass('open')){
			$(this).parent().removeClass('open');
		}else{
			$(this).parent().addClass('open');
		}
    });
	
	
	
});


function read(id){
	

}

function cancelread(){
	
		$('#readiframe').html('');
		$('.container.main').show();
		$('#readiframe').hide();
		$('.myBox24017').show();

}
document.title = '广告素材';
</script>
<div style="max-height:100%; display:none; padding:10px;" id="readiframe">
</div>



<div class="container main"> <include file="Public:left" />
  <div class="w790">
    <!--<div class="h"><a href="{:U('News/index')}" class="btn btn-info"><i class="glyphicon glyphicon-circle-arrow-left"></i> 我的广告</a> <a data-toggle="modal" data-target="#myModal" href="javascript:void(0);" class="btn btn-info"><i class="glyphicon glyphicon-hand-up"></i> 文章/视频</a> <a href="{:U('collect')}" class="btn btn-info"><i class="glyphicon glyphicon-scissors"></i> 采集文章</a></div>-->
    
    
    
    <style>
	.nextbtn a{display:block; margin:0 10px;}
	.categoryList{height:38px; overflow:hidden;}
	.categoryList li{display:block; float:left; text-align:center; width:16.66%;}
	.categoryList li a{display:inline-block; padding:8px 0; font-size:18px;}
	.categoryList li a.on{color:#f00;}
	.categoryList.open{height:auto;}
	.categoryList.open .glyphicon.glyphicon-menu-down{display:none !important;}
	.categoryList.open .glyphicon.glyphicon-menu-up{display:inline-block !important;}
	</style>
    
    
    
    
    
<ul class="categoryList">
<volist name="pid_list" id="vo" offset="0" length="5">
    <li><a href="{:U('index', array('category_id' => $vo['id']))}" 
            <eq name="vo['id']" value="$_GET['category_id']">class="on"</eq>
            >{$vo.title}</a></li>
            
            
          
</volist>

<li class="control_"><a href="javascript:void(0);"><i class="glyphicon glyphicon-menu-down"></i><i style="display:none;" class="glyphicon glyphicon-menu-up"></i></a></li>  

<volist name="pid_list" id="vo" offset="5">
    <li><a href="{:U('index', array('category_id' => $vo['id']))}" 
            <eq name="vo['id']" value="$_GET['category_id']">class="on"</eq>
            >{$vo.title}</a></li>
            
            
          
</volist>
<div style="clear:both;"></div>






</ul>

      

    
    
    
    
    
    
    
    
    
    
    
    
    
    
   <div style="padding:0 10px; padding-top:10px; border-top:1px solid #ccc;"> <volist name="list" id="vo">
      <div class="media NewsListMobile" onClick="window.location.href='{:U('read', array('id' => $vo['id']))}';">
        <div class="media-left media-middle"> <a href="javascript:void(0);" target="_blank"> <img class="media-object" src="<notempty name="vo['img_url']">{:getThumbPath($vo['img_url'])}
          <else/>
          __PUBLIC__/logo.gif
          </notempty>
          " alt="..."> </a> </div>
        <div class="media-body" style="position:relative;">
          <h4 class="media-heading" style="height:1.8em; overflow:hidden;"><a href="##">{$vo.title} </a></h4>
          <p>{:cut_str($vo['description'], 30, 0)}</p>
          <div style="border-bottom:1px solid #ccc; width:98%; position:absolute; bottom:0; right:0;"></div>
        </div>
      </div>
    </volist></div>
    <notempty name="pages">
    
    <div class="pages">{$pages}</div>
    
    </notempty>
    
  </div>
  <div class="clear"></div>
</div>



<style>
.nextbtn a{display:block;}
.header{display:none;}
.NewsListMobile.media {
background:#fff;
    border:none;
}
.pages{position:static;}
.w790{background:#fff; margin-top:0; padding:0;}
.NewsListMobile img{border:none; background:#ccc;}
.NewsListMobile .media-left{padding:0; margin-right:10px;}
.NewsListMobile .media-body{padding-left:12px !important;}
.collectcategoryList h3{font-weight:bold; padding:8px 0;}
.NewsListMobile h4 a{font-size:16px;}
.NewsListMobile p{color:#A0A0A0;}
.collectcategoryList .subcate a{margin:5px; font-size:16px; padding:5px; display:inline-block;}
.collectcategoryList .subcate a.on{color:#f00;}


.myBox24017{
	width:auto;height:50px;background-position:center center;background-repeat:no-repeat;margin:0 auto 0 auto;}
.nav-glyphicons-list {
	display: table;
	width: 100%;
	padding-left: 0;
	list-style: none;
}
.nav-glyphicons li {
	display: table-cell;
	text-align: center;
    *display: inline-block;
    +float:left;
    
}
.nav-glyphicons li ul li {
	display: block;
}
.nav-glyphicons li a {
	display: inline-block;
	width: 100%;
    _width:auto;
	padding-top:0.2em;
}
.nav-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word
}
.nav-glyphicons .dropdown-menu {
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.dropdown-menu{min-width:inherit;}
.myBox24017 ul{background-color:#4BD1E6 !important;border-top:1px solid #53D2E6;}
.myBox24017 ul li a{line-height:1 !important;}
.myBox24017 ul li a span{color:#026271; line-height:22px;}
.myBox24017 ul li a{border-right: 1px solid #29BED6; border-left:1px solid #6EDFF1;}
.myBox24017 ul li a span.fa{padding-top:0.3em; font-size:1.5em;}
.myBox24017 ul li.first a{border-left:none;}
.myBox24017 ul li.last a{border-right:none;}
.myBox24017 .dropdown-menu a {color: #999999;padding: 5px;}
.myBox24017 .nav-glyphicons li a:hover{background:none;}
.myBox24017 .nav-glyphicons li{width:25%;}
.myBox24017 ul li i{font-size:0.5em;}
.myBox24017 ul li i:before{padding-left:4px;}
.myBox24017 ul li.open i:before{content: "\e253"; padding-left:4px;} 
.myBox24017{}
.myBox24017 ul li a{font-size:14px; color:#000;padding:0; line-height:30px}
.myBox24017 ul li a:hover{color:#f60; background-color:#ccc}
</style>
<div class="viewBox myBox24017" style="display:none;">
  <div class="nav-glyphicons">
    <ul modulesid="24017" class="nav-glyphicons-list viewBoxCss navbar-fixed-bottom" style="background-color:">
      <li modulesid="24017" class="viewBoxCss list1 first"><a href="{:U('Index/index')}"><span modulesid="24017" class="viewBoxCss fa fa-home" aria-hidden="true"></span><span class="glyphicon-class viewBoxCss" modulesid="24017">管理中心</span></a></li>
      <li modulesid="24017" class="viewBoxCss list2 "><a href="{:U('Collect/index')}"><span modulesid="24017" class="viewBoxCss fa fa-file-photo-o" aria-hidden="true"></span><span class="glyphicon-class viewBoxCss" modulesid="24017">素材库</span></a></li>
      <li modulesid="24017" class="viewBoxCss list3 "><a href="{:U('Collect/collect')}"><span modulesid="24017" class="viewBoxCss fa fa-scissors" aria-hidden="true"></span><span class="glyphicon-class viewBoxCss" modulesid="24017">采集文章</span></a></li>
      
    </ul>
  </div>
</div>





<div class="row nextbtn" style="position:fixed; bottom:0; background:rgba(0,0,0,0.62); width:100%; padding:8px 0; margin:0;">

    <div class="col-xs-12">
        <a href="{:U('Collect/collect')}" class="btn btn-success">我要自己采集</a>
    </div>
    
</div>


<include file="Public:footer" />